@import "_flexible";//适配
@import "_iconfont";//图标
@import "_normalize";//公共设置

//layout
.l-f {  //流布局容器
  display: -webkit-box;   //兼容不支持flex的浏览器
  display: -webkit-flex;
  display: flex;
  &.l-f-v { //纵向排列
    -webkit-box-orient: vertical;   //兼容不支持flex的浏览器
    -webkit-flex-direction: column;
    flex-direction: column; //android ios 不支持 @2015/8/29
  }
  &.l-f-wrap {  //换行
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;  //android 4.4+ ios 7.0+
  }
  &.l-f-middle {  //内容垂直居中
    -webkit-box-algin: center;
    -webkit-align-items: center;
    align-items: center;
  }
  &.l-f-stretch { //容器垂直高（宽）充满
    -webkit-box-algin: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  &.l-f-end{//内容靠结束位置对齐
    justify-content:flex-end;
  }
  &.l-f-acrosscenter{//内容横向居中
    justify-content:center;
  }
  &.l-f-between{//内容两端对齐之间间隔相等
    justify-content:space-between;
  }
  &.l-f-around{//每个项目两侧(1/2间隔)的间隔相等
    justify-content:space-around;
  }

  .l-f-g0(@i: 1){  //按比例划分剩余宽度
    -webkit-box-flex: @i;   //兼容不支持flex的浏览器
    -webkit-flex: @i;
    flex: @i;  //android ios 不支持 @2015/8/29
  }
  .l-f-g1 { .l-f-g0(1); }//1平分
  .l-f-g2 { .l-f-g0(2); }
  .l-f-g3 { .l-f-g0(3); }
  .l-f-g4 { .l-f-g0(4); }
  .l-f-g5 { .l-f-g0(5); }
}

.t-left {
  text-align: left;
}
.t-center {
    text-align: center;
}
.t-right {
  text-align: right;
}


//btn按钮的样式

//list

//tabTitle

//溢出隐藏并显示省略号(需要设定容器高宽)
.fn-toe{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

//placeholder颜色
.fn-placeholder(@color: #000){
  &::-webkit-input-placeholder {
    color: @color;
  }
  &:-moz-placeholder {
    color: @color;
  }
  &::-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{
  margin:0;padding:0;
  font-family: 'Microsoft yahei','微软雅黑','黑体',Tahoma,Verdana,Arial,sans-serif;
}
ul{
  list-style: none;
}
a { text-decoration: none; color: #666}
.fl_cd:after{
  content: "";
  display: block;
  height: 0px;
  clear: both;
}
//====================================================
body{
  margin:0 auto;
}
.wp{
  .px2rem(padding-left,26);
  .px2rem(padding-right,26);
}
.back{
  background: #f8f8f8;
}
.align{
    .px2rem(bottom,-124);
    z-index: 9;
    background: #f2f2f2;
}
.red{
    color: #d43d3d !important;
}





